import './index.css'

export const ButtonPropsType = [
  {
    name: 'text',
    label: '按钮文字',
    type: 'input',
    default: '默认按钮'
  },
  {
    name: 'size',
    label: '按钮大小',
    type: 'select',
    default: 'big',
    options: [
      {
        label: '大',
        value: 'big'
      },
      {
        label: '中',
        value: 'middle'
      },
      {
        label: '小',
        value: 'small'
      }
    ]
  }
]

export const Button = ({
    text,
    size
}) => { 
    return <button className={`button-size-${size}`}>{ text || '默认按钮'}</button>
}
